

<html>
<head>
    <title>学生数据</title>
</head>
<style>
    table{
        width: 500px;
        margin: 10px auto;
        overflow: hidden;
    }
    td{
        width: 200px;
        text-align: center;
    }
    tr{
        height: 50px;
        line-height: 50px;
        display: block;
        background-color: lavender;
        border-radius: 10px;
    }
    tr:nth-child(2n+1){
        
        background-color: lightblue;
    }
    #pageBox{
        width: 200px;
        border: 1px solid #000;
        margin: 10px auto;
    }
    #pageBox a{
        display: inline-block;
        border: 1px solid #000;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        border-radius: 50%;
        border: 1px solid gray;
        background-color: lavender;
    }
    #pageBox a:hover{
        background-color: gray;
        color: white;
    }
</style>
<body>
    <table>
        <tr>
            <td>学生编号</td>
            <td>姓名</td>
            <td>年龄</td>
            <td>性别</td>
        </tr>
        <wy:forEach items="${pageData.datelist}" var="p">
            <tr>
                <td>asd</td>
                <td>asdasd</td>
                <td>12</td>
                <td>as</td>
            </tr>
        </wy:forEach>
    </table>
    <div id="pageBox">
        <a href="">1</a>
        <wy:forEach begin="0" end="${pageData.maxpage-1}" var="num" step="1">
            <a href="/SelectStudentServlet?cid=${cid}&cpage=${num}">1</a>
        </wy:forEach>
        
        <a href="">10</a>
    </div>
</body>
</html>